// 输入待办事项，按下回车后，添加事项到列表
var input = document.querySelector(".txt")
var ul = document.querySelector(".todo-list")


function createLi(content) {
    //如果输入为空，则返回
    if (input.value.trim() === '') return
    var li = document.createElement('li')
    var span = document.createElement('span')
    var button = document.createElement('button')

    span.innerText = content
    button.innerText = "删除"
    li.appendChild(span)
    li.appendChild(button)
    ul.append(li)


    //监听按钮的点击事件
    button.addEventListener('click', function () {
        li.remove()
    })
}


input.addEventListener('keydown', function (e) {
    console.log(e.key === 'Enter');
    if (e.key === 'Enter') {
        createLi(input.value)
        //清空元素的内容
        input.value = ''
    }
})


// 点击删除后，删除对应的待办事项

